<template>
	<view class="new-template" :style="{minHeight: Wheight + 'px'}">
		<view class="message-signatures padding-left">
			<text class="label">短信签名：</text>
			<input type="text" v-model="signatures" placeholder="如: 拓客桥" placeholder-class="gray" />
		</view>
		<view class="content padding-left">
			<text class="label">短信内容：</text>
			<view class="right-helf">
				<textarea v-model="content" :placeholder="textareaplace" placeholder-class="gray" />
				<view class="num">
					<text>字数0</text>
					<text>条数0</text>
					<text>（60字/条）</text>
				</view>
			</view>
		</view>
		<view class="hint padding-left">
			禁止发送色情、赌博、毒品、党政、维权、众筹、慈善募捐、
			宗教、迷信、股票、移民、保险、房地产、教育、培训、面试
			招聘、博彩、贷款、催款、信用卡提现、投资理财、中奖、抽
			奖、一元夺宝、一元秒杀、A货、整形、烟酒、交友、暴力、
			恐吓、色情、皮草、代开发票、代理注册、代办证件、加群、
			加QQ或者加微信、贩卖个人信息、运营商策反、流量营销等
			类型的短信
		</view>
		<view class="hint padding-left">
			如出现违法违规或者损害到相关他人权益的，平台将保留最终
			追究的权力！请各会员严格遵守规范要求，加强自身业务安
			全，健康发送短信。
		</view>
		<view class="hint blue padding-left">
			如出现违法违规或者损害到相关他人权益的，平台将保留最终
			追究的权力！请各会员严格遵守规范要求，加强自身业务安
			全，健康发送短信。
		</view>
		<view class="a-key-send">一键发送</view>
	</view>
</template>

<script>
	export default {
		//新增短信模板
		name: 'newTemplate',
		data() {
			return{
				Wheight: '', //可视区域高度
				signatures: '', //短信签名
				content: '', //短信内容
				textareaplace: `请按照以下标准规范合理输入短信内容，以便审核通过`
			}
		},
		onLoad() {
			this.Wheight = this.$store.state.ContentHeight-44;
		},
	}
</script>

<style lang="less" scoped>
	.flex{
		display: flex;
		align-items: center;
	}
	
	.new-template{
		width: 100%;
		background: #F6F5F5;
		.padding-left{
			width: 100%;
			padding: 30rpx;
			background: #ffffff;
			border-bottom: 1px solid #DBDBDB;
			.label{
				margin-right: 35rpx;
				flex-shrink: 0;
			}
			.gray{
				color: #A4A4A4;
			}
		}
		.message-signatures{
			.flex;
			input{
				flex: 1;
			}
		}
		.content{
			.flex;
			.right-helf{
				flex: 1;
				textarea{
					height: 170rpx;
				}
				.num{
					text{
						margin-right: 20rpx;
					}
				}
			}
		}
		.hint{
			color: #666666;
			font-size: 26rpx;
			line-height: 40rpx;
		}
		.blue{
			color: #5696F8;
		}
		.a-key-send{
			width: 100%;
			height: 100rpx;
			line-height: 100rpx;
			position: fixed;
			bottom: 0;
			color: #ffffff;
			background: #5696F8;
			text-align: center;
			font-size: 36rpx;
		}
	}
</style>
